<div class="map-tree">
  <!-- <div class="icon-title" (click)="toggle = !toggle">
    <i nz-icon nzType="hdd" nzTheme="outline"></i>
  </div> -->
  <!-- <div class="tree-title" [class.active]="!toggle" (click)="toggle = !toggle">
    <img *ngIf="toggle" src="./assets/images/map/tree-1.png" alt="">
    <img *ngIf="!toggle" src="./assets/images/map/tree.png" alt="">
    <span>图层选择</span>
  </div> -->
  <!-- <div class="tree-wrapper show"> -->
    <!-- <div class="trangle"></div>
    <div class="tree-title">
      <i nz-icon nzType="hdd" nzTheme="outline"></i>
      <span>图层选择</span>
      <i nz-icon nzType="double-left" nzTheme="outline" (click)="toggle = false"></i>
    </div> -->
    <nz-tree class="tree-box" #nzTreeComponent [nzData]="mapTreeData" nzCheckable [nzTreeTemplate]="nzTreeTemplate"
      [nzExpandAll]="true"
      (nzCheckBoxChange)="onCheckboxChange($event)"
      (nzExpandChange)="onExpand($event)" (nzClick)="onSelect($event)">
      <ng-template #nzTreeTemplate let-node>
        <span *ngIf="!node.isLeaf">
          <i nz-icon [nzType]="node.isExpanded ? 'folder-open' : 'folder'" class="tree-icon"></i>
          <span class="folder-name">{{ node.title }}</span>
        </span>
        <span *ngIf="node.isLeaf" class="ant-tree-switcher-line-icon">
          <i *ngIf="!node.icon" nz-icon nzType="file" class="tree-icon"></i>
          <img *ngIf="node.icon" class="tree-icon"
            [src]="'./assets/images/mapicon/' + node.icon + '.png'" alt="">
          <span class="file-name">{{ node.title }}</span>
        </span>
      </ng-template>
    </nz-tree>
  <!-- </div> -->
</div>
